<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <meta name="author" content="Flying hormone" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta charset="UTF-8">
        <link rel="stylesheet" href="../css/media.css" />
        <link rel="stylesheet" href="../css/mui.min.css" />
        <link rel="stylesheet" href="../css/head_foot.css" />
        <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="../js/jquery.Query.js" ></script>
        <script type="text/javascript" src="../js/jquery-cookie.js"></script>
        <script type="text/javascript" src="../js/mui.min.js"></script>
        <script type="text/javascript" src="../js/appcan.js"></script>
        <script type="text/javascript" src="../js/appcan.control.js"></script>
        <script type="text/javascript" src="../js/common.js" ></script>
		<title>项目名称</title>
		<style>
            
            .sec1 h3{ height: 3.125em; line-height: 3.125em; font-size: 1em; text-indent: 1em;}
            .sec1>a{ display: block; height: 3.125em; overflow: hidden; border-top: 1px solid #f2f3f7; position: relative;}
            .sec1>a img{ height: 1.875em; display: inline-block; position: absolute; top: 0.625em; left: 1em;}
            .sec1 p{ color: #000; line-height: 3.125em;}
            .sec1 a>p:first-child{ text-indent: 3.125em;  float: left;}
            .sec1 a>p:last-child{ float: right; margin-right: 1.25em;}
            .sec1 a>p:last-child span{ margin-left: 0.625em; margin-top: 1em;}
            
            .nav_8{ padding-bottom:1.25em;}
            section{ background: #fff; margin-bottom: 0.625em;}
            .mui-content{background: #fff;}
            section li{ list-style: none; overflow: hidden; text-align: center; min-height: 4.375em; position: relative;}
            .mui-table-view-cell>a:not(.mui-btn){ position: static;  margin: 0;}
            .mui-table-view-cell{ padding: 0;}
            .mui-content{ padding: 0.625em 0;}
            section li img{ display: block; width: 30%;  position: absolute; bottom: 1.5em; left: 35%;}
            section li p{ position: absolute; bottom: 0; text-align: center; width: 100%; color: #000;}
            
            .touxiang img{ height: 70%; margin: 15% 1em; border: 2px solid #fff; border-radius: 50%;}
            header p{ display: inline; line-height: 6.75em; color: #fff; font-size: 1em; position: relative; left: 6.75em;}
            header .xiaoxiCount{     background: url(../img/xiaoxi.png) no-repeat;
                    background-size: 100%;
                    display: block;
                    width: 2.5em;
                    height: 2.5em;
                    position: absolute;
                    top: 0;
                    right: 0;
                    margin-right:-2.5em;
                    margin-top:-2.5em;
                    text-align: center;
                    line-height: 1.5em;
                    font-size: 0.8em;
                    color: #ff3366;}
            .mui-table-view-cell p{ line-height: 1em;}
        </style>
	</head>

	<body>
		<header class="header2">
			<a class="touxiang"><img id="touxiang" style="width:5em;height:5em;" src="" /></a>
			<p><span id="cardName">用户昵称</span><span class="xiaoxiCount" id="xiaoxiCount" onclick="openUrl('my_message.html','my_message');">0</span></p>
			<a class="xiaoxi" onclick="openUrl('setting.html','setting');"><span class="setting22"></span>设置</a>
		</header>
		<section class="sec1">
			<h3>同城搜</h3>
			<a onclick="openUrl('my_ask.html','my_ask')">
				<p><img src="../img/ask.png" />我的提问</p>
				<p><span id="askCount">0</span><span class="rightright"></span></p>
			</a>
			<a onclick="openUrl('my_msgreview.html','my_msgreview')">
				<p><img src="../img/ans.png" />我的回答</p>
				<p><span id="reviewCount">0</span><span class="rightright"></span></p>
			</a>
		</section>
		<section class="nav_8">
			<div class="mui-content">
			    <div class="mui-row">
			        <div class="mui-col-sm-3">
			            <li class="mui-table-view-cell">
			                <a href="javascript:;" onclick="openUrl('my_guanzhu.html','my_guanzhu')">
			                	<img src="../img/guanzhu.png" />
			                	<p>我的关注</p>  
			                </a>
			            </li>
			        </div>
			        <div class="mui-col-sm-3">
			            <li class="mui-table-view-cell">
			                <a href="javascript:;" onclick="openUrl('my_fabu.html','my_fabu')">
			                	<img src="../img/fabu3.png" />
			                	<p>我的发布</p>
			                </a>
			            </li>
			        </div>
			        <div class="mui-col-sm-3">
			            <li class="mui-table-view-cell">
			                <a href="javascript:;" onclick="openUrl('my_card.html?returnUrl=','my_card')">
			                	<img src="../img/card2.png" />
			                	<p>我的名片</p>
			                </a>
			            </li>
			        </div>
			        <div class="mui-col-sm-3">
			            <li class="mui-table-view-cell">
			                <a href="javascript:;" onclick="openUrl('fankui.html','fankui')">
			                	<img src="../img/fankui.png" />
			                	<p>问题反馈</p>
			                </a>
			            </li>
			        </div>
			        <div class="mui-col-sm-3">
			            <li class="mui-table-view-cell">
			                <a href="javascript:;" onclick="openUrl('my_tuiguang.html','my_tuiguang')">
			                	<img src="../img/tuiguang.png" />
			                	<p>促销推广</p>
			                </a>
			            </li>
			        </div>
			        <div class="mui-col-sm-3">
			            <li class="mui-table-view-cell">
			                <a href="javascript:;" onclick="openUrl('jiangcheng.html','jiangcheng')">
			                	<img src="../img/zhidu.png" />
			                	<p>奖惩制度</p>
			                </a>
			            </li>
			        </div>
			        <div class="mui-col-sm-3">
			            <li class="mui-table-view-cell">
			                <a href="javascript:;" onclick="openUrl('my_moban.html','my_moban')" >
			                	<img src="../img/moban.png" />
			                	<p>我的模板</p>
			                </a>
			            </li>
			        </div>
			        <div class="mui-col-sm-3">
			            <li class="mui-table-view-cell">
			                <a href="javascript:;" onclick="openUrl('jiaruwomen.html','jiaruwomen')" >
			                	<img src="../img/us.png" />
			                	<p>加入我们</p>
			                </a>
			            </li>
			        </div>
			    </div>
			</div>
		</section>

		<footer>
			<nav class="mui-bar mui-bar-tab">
				<a href="javascript:;" id="tcIndex">
                    <img src="../img/shouye2.png" />
                    <span class="mui-tab-label">首页</span>
                </a>
                <a href="javascript:;" id="myfabu">
                    <img src="../img/fabu2.png" />
                    <span class="mui-tab-label">发布</span>
                </a>
                <a class="action" href="javascript:;" id="myInfo">
                    <img src="../img/mine2.png" />
                    <span class="mui-tab-label">我的</span>
                </a>
			</nav>
		</footer>
        <script>
            $(function(){
                var userId = appcan.locStorage.getVal("userId");
                if(userId !=null && userId !=""){
                    appcan.ajax({
                        type:"get",  
                        url:host+"/getMsgCount.json?userId="+userId+"&state=1",
                        dataType:"json",
                        success:function(dataResult) {
                            if(dataResult.data==0){
                                 $("#xiaoxiCount").hide();
                            }else{
                                $("#xiaoxiCount").html(dataResult.data).show(); 
                            }               
                        }
                    })
                }
                //提问数量
                appcan.ajax({
                   type:"post",
                   async:false,       
                   url:host+"/getMyMsgCount.json?userId="+userId,
                   data:"",
                   dataType:"json",
                   contentType: "application/json",
                   success : function(dataResult) {
                       if(dataResult.status==200){
                           var askCount = dataResult.data!=null?dataResult.data:0;
                           $("#askCount").text(askCount);
                       }
                   }
               })
               //回答数量
               appcan.ajax({
                  type:"post",
                  async:false,       
                  url:host+"/getReviewCount.json?userId="+userId,
                  data:"",
                  dataType:"json",
                  contentType: "application/json",
                  success : function(dataResult) {
                      if(dataResult.status==200){
                          var reviewCount = dataResult.data!=null?dataResult.data:0;
                          $("#reviewCount").text(reviewCount);
                      }
                  }
              })
               
               //用户信息
               appcan.ajax({
                   type:"get",
                   url:host+"/getUser.json?userId="+userId,
                   dataType:"json",
                   contentType: "application/json",
                   success : function(dataResult) {
                       $("#cardName").text(dataResult.data.displayName || "");
                       $("#touxiang").attr("src",hostIp+dataResult.data.picUrl);
                   }
               })
            })
        </script>
	</body>

</html>